<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>葫芦侠</title>

    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/userinfo.css">
</head>

<body>
    
    <!-- 头部 -->
    <header>
        <a href="" class="back">
            <i></i>
            <span>个人信息</span>
        </a>
        <a class="edit" href=""></a>
    </header>


    <div class="wrap">

        <main>

            <div class="box">

                <div class="name-icon">


                    <!-- - 左边 -->
                    <div class='left'>

                        <!-- - 图片 -->
                        <div class='icon'><img src='./imgs/five.jpg' alt=''></div>

                    </div>

                    <!-- - 右边 -->
                    <div class='right'>

                        <div class="text">

                            <h4>name</h4>

                            <div class="level">
                                <p><span>Lv 3</span></p>
                                <p><span>102</span></p>
                            </div>

                            <div class="money"><span>10</span>贡献值<span>0</span>葫芦</div>

                        </div>

                    </div>




                </div>

                <div class="num">

                    <a href="">
                        <p>1</p>
                        <small>帖子</small>
                    </a>

                    <a href="">
                        <p>1</p>
                        <small>关注</small>
                    </a>

                    <a href="">
                        <p>29</p>
                        <small>粉丝</small>
                    </a>

                    <a href="">
                        <p>0</p>
                        <small>游评</small>
                    </a>

                    <a href="">
                        <p>108</p>
                        <small>回复</small>
                    </a>

                    <a href="">
                        <p>7</p>
                        <small>收藏</small>
                    </a>

                </div>

            </div>

            <div class="box">

                <div class="head">
                    <h4>我的照片</h4>
                </div>

                <div class="body">
                    <div class="imgs">

                        <div class="img"><img src="./imgs/beaute-1.png" alt=""></div>

                        <div class="img"><img src="./imgs/beaute-2.png" alt=""></div>

                        <div class="img"><img src="./imgs/beaute-1.png" alt=""></div>


                    </div>
                </div>

            </div>

            <div class="box">
                <div class="head">
                    <h4>个人信息</h4>
                </div>
                <div class="body">


                    <div class="info">

                        <p>签名<span>因为个性所以没有签名</span></p>
                        <p>家乡<span>葫芦山</span></p>
                        <p>学校<span>填写学校 发现校友</span></p>

                    </div>

                    <div class="node-place">

                        <div>去过的地方 <span>0</span></div>
                        <div>标签 <span>0</span></div>

                    </div>


                </div>
            </div>

        </main>


    </div>

</body>

</html>